<template>
	<!-- 组件中应用的常用组件  -->
	<!-- 跳转页面组件 -->
	<view @click="goPage()" :style="{background: `${backgroundColor}`}">
		<slot></slot>
	</view>
</template>

<script>
	const app = getApp();

	export default {
		props: {
			pageUrl: {
				default: ''
			},
			backgroundColor: {
				type: String,
				default: ''
			}
		},
		components: {},
		watch: {
			pageUrl() {}
		},
		data() {
			return {
				// pageUrls: pageUrls
			};
		},
		mounted() {		
		},
		methods: {
			goPage() {
				if (this.pageUrl) {
					// 判断链接类型
					if(this.pageUrl.indexOf("http") != -1){
						// 外部链接
						wx.navigateToMiniProgram({
							appId: 'wxd947200f82267e58', //appid
							path: '/pages/wjxqList/wjxqList?activityId=m9sBRgy', //path
							envVersion: 'release', //开发版develop 开发版 trial   体验版 release 正式版 
							success(res) {
								console.log('成功')
								// 打开成功
							},
							fail(err) {
								console.log(err);
							}
						})								
					}else{					
						// 内部链接
						uni.navigateTo({
							url: this.pageUrl,
							fail: () => {
								uni.switchTab({
									url: this.pageUrl
								});
							}
						});		
					}
					
							
				}
			}
		}
	}
</script>

<style scoped lang="scss">

</style>
